<?php session_start(); $_SESSION['cantidad']= 10;
 $_SESSION["color1"] = 'ui-bar-b';
$_SESSION["color2"] = 'ui-bar-a';
$_SESSION["color3"] = 'ui-bar-d';
?>
<!DOCTYPE HTML >
<html>


<?php
  require("php/modelo_datos.php"); 



$conex=Conectarse();

$num_fact = ejecutar("select numero_factura from  maestro_factura  ORDER BY numero_factura DESC", $conex);
$mostrar_num_fact = resultados ($num_fact);
$valor_factura = substr($mostrar_num_fact[0], 1 ,- 1);


$resultado = ejecutar ("select nombre_producto, stock from  producto", $conex);
$mostrar_registros = resultados ($resultado);


$cliente = ejecutar("select * from  cliente", $conex);
$mostrar_clientes = resultados ($cliente);



$registros_tablas ='';   			  
do { 

 $guarda_campos = '"'.$mostrar_registros['nombre_producto'].'",';
	
 $registros_tablas .= $guarda_campos; 

	   } while ($mostrar_registros = resultados($resultado));

   // al ultimo campo de la cadena le quita el ultimo caracter 
$_SESSION['busca_productos'] =  substr ($registros_tablas, 0, strlen($registros_tablas) - 1);


 $registros_clientes = '';
do { 

 $guarda = '"'.$mostrar_clientes[1].'",';
	
 $registros_clientes .= $guarda; 

	   } while ($mostrar_clientes = resultados($cliente));

   // al ultimo campo de la cadena le quita el ultimo caracter 
$_SESSION['busca_clientes'] =  substr ($registros_clientes, 0, strlen($registros_clientes) - 1);


  ?><head>
	<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
	
	<title>Factura</title>
	
  <link rel='stylesheet' type='text/css' href='css/style.css' />

     
<link href="jquery-mobile/jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css"/> 
 <link rel="stylesheet" href="jquery/base/jquery.ui.all.css">
 <style type="text/css">
 #apDiv1 {
	position: absolute;
	left: 90%;
	top: 12%;
	width: 125px;
	height: 96px;
	z-index: 1;
}
 </style>
 <script type='text/javascript' src='js/jquery-1.3.2.min.js'></script>
	<script src="jquery/jquery.ui.core.js"></script>
	<script src="jquery/jquery.ui.widget.js"></script>
	<script src="jquery/jquery.ui.position.js"></script>

<script src="js/automatico_buscador.js"></script>
<script src="js/recibe_resultados_ajax.js" language="javascript"></script>
<script src="js/recibe_datos productos.js" language="javascript"></script>
   
<?php require('example.php'); // esto es un javascript para dar formato a la factura?>

<script language="javascript">

function ingresa_formularios (objRenglon){
	
if(document.formulario.cliente.value == ''  )
{
	
	document.getElementById('correccion').innerHTML = '<h3>Debe llenar los datos del cliente primero</h3>';
	
	
}else{
	
document.getElementById('correccion').innerHTML = '';
document.formulario.identificacion.value = objRenglon[0];
document.formulario.codigo_cliente.value = objRenglon[7];
document.formulario.telefono.value = objRenglon[4];
document.formulario.direccion.value = objRenglon[5];
document.formulario.ciudad.value = objRenglon[6];
document.formulario.razon_social.value = objRenglon[3];

}

}

function muestra_datos_xml (valor_xml, variable_envio){
var tomar = variable_envio;	
	switch (tomar)
{
case '0':
document.formulario.descripcion0.value = valor_xml[0];
document.formulario.cost0.value = valor_xml[1];
document.formulario.stock0.value = valor_xml[3];
document.formulario.codigo_producto0.value = valor_xml[4];

  break;
case '1':
document.formulario.descripcion1.value = valor_xml[0];
document.formulario.cost1.value = valor_xml[1];
document.formulario.stock1.value = valor_xml[3];
document.formulario.codigo_producto1.value = valor_xml[4];
  break;
case '2':
document.formulario.descripcion2.value = valor_xml[0];
document.formulario.cost2.value = valor_xml[1];
document.formulario.stock2.value = valor_xml[3];
document.formulario.codigo_producto2.value = valor_xml[4];
  break;
case '3':
document.formulario.descripcion3.value = valor_xml[0];
document.formulario.cost3.value = valor_xml[1];
document.formulario.stock3.value = valor_xml[3];
document.formulario.codigo_producto3.value = valor_xml[4];
  break;
case '4':
document.formulario.descripcion4.value = valor_xml[0];
document.formulario.cost4.value = valor_xml[1];
document.formulario.stock4.value = valor_xml[3];
document.formulario.codigo_producto4.value = valor_xml[4];
  break;
case '5':
document.formulario.descripcion5.value = valor_xml[0];
document.formulario.cost5.value = valor_xml[1];
document.formulario.stock5.value = valor_xml[3];
document.formulario.codigo_producto5.value = valor_xml[4];
  break;
case '6':
document.formulario.descripcion6.value = valor_xml[0];
document.formulario.cost6.value = valor_xml[1];
document.formulario.stock6.value = valor_xml[3];
document.formulario.codigo_producto6.value = valor_xml[4];
  break;
case '7':
document.formulario.descripcion7.value = valor_xml[0];
document.formulario.cost7.value = valor_xml[1];
document.formulario.stock7.value = valor_xml[3];
document.formulario.codigo_producto7.value = valor_xml[4];
  break;
case '8':
document.formulario.descripcion8.value = valor_xml[0];
document.formulario.cost8.value = valor_xml[1];
document.formulario.stock8.value = valor_xml[3];
document.formulario.codigo_producto8.value = valor_xml[4];
  break;
case '9':
document.formulario.descripcion9.value = valor_xml[0];
document.formulario.cost9.value = valor_xml[1];
document.formulario.stock9.value = valor_xml[1];
document.formulario.codigo_producto9.value = valor_xml[4];
  break;
case '10':
document.formulario.descripcion10.value = valor_xml[0];
document.formulario.cost10.value = valor_xml[1];
document.formulario.stock10.value = valor_xml[3];
document.formulario.codigo_producto10.value = valor_xml[4];
  break;
default:
alert('Comunicarse con el error al administrador')
}

}
</script>
<script>

  
	$(function() {
		var availableTags = [<?php echo  $_SESSION['busca_clientes']; ?>];
		$( "#cliente" ).autocomplete({source: availableTags});		
 });




	    	</script></head>

<body>

 <?php 
		$fechas = date('Y-m-d');


if (isset($_POST['envio']) && $_POST['envio'] == 'enviar'){
ejecutar("INSERT INTO  maestro_factura (id, digito_factura,  numero_factura, fecha_factura , fecha_vencimiento,  codigo_cliente,  estado_factura, observacion, descuento, modalidad_cancelacion) 
VALUES (NULL, 'NAL -', '".$_POST['num_factu']."',  '".$fechas."', '".$_POST['fecha_vencimiento']."', '".$_POST['codigo_cliente']."', '".$_POST['estado']."', '".$_POST['observacion']."',  '".$_POST['balance']."', '".$_POST['modo_pago']."')");
}?>
      
  <div align="center" id="correccion" style=" display:none;" > </div>
    <div align="center" id="contenido" > </div>
<form action="index.php" name="formulario" id="formulario" method="post" >
  <div id="apDiv1"> <button name="envio" id="img_factura" class="img_factura" value="enviar"><img src="factura.png" width="48" height="48"  alt=""> Guardar Factura</button></div>
	<div id="page-wrap">

	<!--  <textarea id="header">Factura de venta</textarea>-->
		
		<div id="identity" align="center">
		  <div id="logo" align="center">

            <div id="logoctr">
                <a href="javascript:;" id="change-logo" title="Change logo">Change Logo</a>
                <a href="javascript:;" id="save-logo" title="Save changes">Save</a>
                |
                <a href="javascript:;" id="delete-logo" title="Delete logo">Delete Logo</a>
                <a href="javascript:;" id="cancel-logo" title="Cancel changes">Cancel</a>
              </div>

              <div al id="logohelp">
                <input id="imageloc" type="text" size="50" value="" /><br />
                (max width: 540px, max height: 100px)
              </div>
             <div align="center"> <img id="image" src="images/logo.png" alt="logo" />
            </div></div> 
		
		
		</div>
		 
		<div style="clear:both"></div>
		      
	  <div id="customer">
 

     <!--   <textarea id="customer-title">Sistemas De Informacion</textarea>-->
        
            <table id="meta" align="center">
            <tr>
                    <td class="<?php echo $_SESSION['color2'];?>">Identificacion</td>
          <td><input type="hidden" name="codigo_cliente" id="codigo_cliente" class="codigo_cliente"  readonly />
          <input type="text" name="identificacion" id="identificacion" class="identificacion"  readonly /></td>
               <td class="<?php echo $_SESSION['color2'];?>">Telefono</td>
                    <td><input type="text" name="telefono" id="telefono" class="telefono"  readonly /></td>
              </tr>
                <tr>
                    <td class="<?php echo $_SESSION['color2'];?>">Nombre</td>
          <td ><input type="text" name="cliente" id="cliente"  onBlur="consulta('consulta.php','formulario','contenido');" autofocus placeholder="Digite nombre cliente"  /></td>
               <td class="<?php echo $_SESSION['color2'];?>">Factura # Nal -</td>
                    <td>

                    <input type="text" name="num_factu" value="<?php if($mostrar_num_fact[0]==""){ echo '0000';}else{ echo ($mostrar_num_fact[0]+1); } ?>"  readonly /></td>
                </tr>
                <tr>
 <td class="<?php echo $_SESSION['color2'];?>">Ciudad</td>
                    <td><input type="text" name="ciudad" id="ciudad" class="ciudad" readonly /></td>
                    <td class="<?php echo $_SESSION['color2'];?>">Fecha</td>
                    <td><input type="text" name="fecha" id="date" readonly /></td>
                </tr>
                <tr>
                 <td class="<?php echo $_SESSION['color2'];?>">Direccion</td>
                    <td><input type="text" name="direccion" readonly /></td>
                    <td class="<?php echo $_SESSION['color2'];?>">Monto a cancelar</td>
                    <td><input type="text" name="deuda_total" id="due" class="due" readonly /></td>
                </tr>
                
                 <tr>
                 <td class="<?php echo $_SESSION['color2'];?>">Razon Social</td>
                    <td><input type="text" name="razon_social" readonly /></td>
                    <td class="<?php echo $_SESSION['color2'];?>">Fecha vencimiento</td>
                    <td><input type="text" name="fecha_vencimiento" id="fecha_vencimiento"  /></td>
                </tr>

            </table>
		
	  </div>
		 
	  <table id="items" align="center">
		
		  <tr class="<?php echo $_SESSION['color1'];?>">
		      <td>Articulo</td>
		      <td>Descripcion</td>
		      <td>Costo de Unidad</td>
              <td>Stock</td>
		      <td>Cantidad</td>
		      <td>Precio</td>
		  </tr>
		  
	
		  <tr class="item-row">
          	
 
	<?php
  

  
    for($i=0 ; $i<$_SESSION['cantidad']; $i++) {   ?>

	    
      <script>

  
	$(function() {
		var buscar_regis = [<?php echo  $_SESSION['busca_productos']; ?>];
		$( "#nombre_producto<?php echo $i;?>" ).autocomplete({source: buscar_regis});		
 });
	    	</script>
          
          
		  <tr class="item-row" align="center">
          
		      <td>

        <!--       <div class="delete-wpr">
          <a class="delete" href="javascript:;" title="Remove row">X</a>
              </div> -->
             
<input type="hidden" name="codigo_producto[]" id="codigo_producto<?php echo $i;?>"   >
<input type="hidden" name="variablee[]" id="variablee"  value="<?php echo $i;?>"  >

	  <input type="text" name="nombre_producto[]" placeholder="digite nombre articulo" id="nombre_producto<?php echo $i;?>" 
        onBlur="consulta_datos('consulta_2.php','formulario','correccion','<?php echo $i;?>');"   />
             
                   
  </td>
              
     
		      <td  >
              <div data-role="fieldcontain">  <input type="text" name="descripcion[]" id="descripcion<?php echo $i;?>"   class="descripcion" autocomplete="off" > </div></td>   
                         
 <td>  <div data-role="fieldcontain"  > <input type="text"  name="cost[]"  id="cost<?php echo $i;?>" class="cost" ></div></td>
  
  
   <td>
          <div data-role="fieldcontain">  <input type="text" id="stock<?php echo $i;?>"  name="stock[]" class="stock"  > </div></td>  
  
  
		      <td >
               <div data-role="fieldcontain" > <input type="number" name="qty[]" id="qty" class="qty" min="1" autocomplete="off"  > </div></td>
              
		      <td   align="center"> <span class="price" > </span></td>
		  </tr>

 <?php  
		  




if (isset($_POST['envio']) and $_POST['envio']== 'enviar' and  $_POST['nombre_producto'][$i] != '')

{

ejecutar("INSERT INTO  detalle_factura (codigo,  numero_factura,   codigo_producto ,  descripcion,  cantidad, fecha_factura) VALUES 
(NULL, '".$_POST['num_factu']."', '".trim($_POST['codigo_producto'][$i])."', '".trim($_POST['descripcion'][$i])."', '".$_POST['qty'][$i]."', '".$fechas."')");
refrescar($num_fact);
echo '<script> location.reload();</script>;';
}
}




?>
	
		  
	  </table>
      
<table width="100%" border="0">
  <tr>
      <td  class="<?php echo $_SESSION['color2'];?>">Subtotal</td>
		      <td class="total-value"><input name="subtotal" value="$0"  /></td>
              
              
               <td class="<?php echo $_SESSION['color2'];?>">Total</td>
		      <td class="total-value"><div id="total" align="center">$0</div></td>
    <td  class="<?php echo $_SESSION['color2'];?>">Iva 16%</td>
		      <td class="total-value"><input name="ivatotal" value="$0"  /></td>
              

		      <td  class="<?php echo $_SESSION['color2'];?>">Descuentos o Abonos</td>

		      <td class="total-value"><input name="balance" id="paid" value="0" /></td>

		      <td  class="<?php echo $_SESSION['color2'];?>">Estado</td>
		      <td class="total-value"><select name="estado" >
              		        <option value="cancelada">cancelada</option>
		        <option value="pendiente">pendiente</option></select></td>
              
   
  </tr>
  <tr>
               <td class="<?php echo $_SESSION['color2'];?>">observacion</td>
		     
    <td class="total-value" colspan="7"><textarea name="observacion"   style="width:100%;"></textarea></td>


 <td  class="<?php echo $_SESSION['color2'];?>">Modo de pago</td>
		      <td class="total-value"><select name="modo_pago" id="modo_pago" onChange="creditos();" >
              		        <option value="contado">contado</option>
		        <option value="credito">credito</option></select>
                <div id="contenedor_pago" style="display:none;">cuotas: </div>
               <script>function creditos (){
				   if(document.formulario.modo_pago.value == 'credito'){
				  caja = document.createElement("input");
caja.setAttribute("type", "number");
caja.setAttribute("id", "cuotas");
caja.setAttribute("style", " border: 1;");
document.getElementById("contenedor_pago").appendChild(caja);
document.getElementById("contenedor_pago").style.display="";
document.getElementById("cuotas").style.width="40px";



				   }}</script>
                </td>
              
  




  </tr>
</table>


      
   
        
            
  <!--    <input name="enviar" type="submit" id="button" s class="button" value="enviar" /> -->
	
		<div id="terms">
		  <h5>&nbsp;</h5>
		  <h5>TermInos Y condiciones</h5>
		   
		</div>
	
	</div>
</form>
<p>&nbsp;</p>
    

</body>

</html>